<div class="box box-solid" id="preViewTable_DIV">
  <div class="box-header with-border">
    <h3 class="box-title">元表对象:</h3>
  </div>
  <div class="box-body ">
    
    <div class="col-sm-12 col-md-12">
      <form class="form-horizontal"  role="form"  >
      <div class="form-group">
        <span class=" col-xs-2 col-md-2 control-label"> 表名称</span>
        <div class=" col-xs-4 col-md-4">
          <input type="text" class="form-control"  value="${table.tableName!""}" readonly="readonly">
        </div>
        <span class=" col-xs-2 col-md-2 control-label"> 字符集</span>
        <div class=" col-xs-4 col-md-4">
          <input type="text" class="form-control"  value="${table.characterEncoding!"utf-8"}" readonly="readonly">
          
        </div>
      </div>
      <div class="form-group">
        <span class=" col-xs-2 col-md-2 control-label"> 备注</span>
        <div class=" col-xs-4 col-md-4">
          <input type="text" class="form-control"  value="${table.tableComment!""}" readonly="readonly">
          
        </div>
        <span class=" col-xs-2 col-md-2 control-label"> 表空间</span>
        <div class=" col-xs-4 col-md-4">
          <input type="text" class="form-control"  value="${table.tableWorkSpace!""}" readonly="readonly">
          
        </div>
      </div>
      <div class="form-group">
        <span class=" col-xs-2 col-md-2 control-label"> sql</span>
        <div class="col-xs-10 col-md-10">
          <textarea  class="form-control" rows="4"    readonly="readonly" >${(table.generatedSql!"")?html}</textarea>
        </div>
      </div>
      <div class="form-group">
        <span class=" col-xs-2 col-md-2 control-label"> 字段列表</span>
        <div class="col-xs-10 col-md-10">
          <table class="table table-bordered table-condensed table-striped mytable " id="metaGenFieldTable">
        
          </table>
        </div>
      </div>
    </form>
    </div>
  </div>
  <!-- /.box-body -->
</div>
<script>
  require(["jquery","framework","bootstrapTable","bootstrapTab_CH"],function($) {
    var data =${fields!'[]'};
    var container = $("#preViewTable_DIV");
    container.find('#metaGenFieldTable').bootstrapTable(
      {
        dataType : "json",
        pagination : false, //分页
        dataField : 'data',
        noToolBar : true,//新增 是否不显示原生的工具栏 
        singleSelect : false,
        
        sidePagination : "client", //服务端处理分页
        columns : [
          
            {
              title : '名称',
              field : 'fieldName',
              align : 'left',
              valign : 'middle'
            },
            {
              title : '备注',
              field : 'fieldComment',
              align : 'left',
              valign : 'middle',
            },
            {
              title : '字段类型',
              field : 'fieldType',
              align : 'left',
              valign : 'middle'
            },
            {
              title : '字段长度',
              field : 'fieldLength',
              align : 'left',
              valign : 'middle',
            }
             ]
    });
    container.find('#metaGenFieldTable').bootstrapTable('load',data)

  });
</script>